<!doctype html>
<html>
    <head>
        <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width" />
        <title>PhoneGap Compass Demo App</title>
        <link rel="stylesheet" href="assets/css/master.css" type="text/css" media="screen" />
        <!--<script src="phonegap.js" type="text/javascript" charset="utf-8"></script>-->
        <script src="assets/js/xui.js" type="text/javascript" charset="utf-8"></script>
        <script src="assets/js/app.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="title_bar">Phone<strong>Gap</strong> Compass Demo</div>
        <div id="compass" class="view">
            <div class="container">
                <div class="heading"></div>
                <img class="needle" src="assets/img/compass-pin.png" />
                <img class="compass" src="assets/img/compass-back.png" />
            </div>
        </div>
    </body>
</html>
